<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="/static/layui/assets/css/layui.css">
    <link rel="stylesheet" href="/static/layui/assets/css/view.css"/>
    <title></title>
    <style type="text/css">
.vintage1 {
	
	text-shadow: 5px -5px black, 4px -4px white;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text
}

.vintage2 {
	color: transparent;
	-webkit-text-stroke: 1px red;
	letter-spacing: 0.04em;
}

.vintage3 {
	color: transparent;
	background-color: blue;
	text-shadow: rgba(255, 255, 255, 0.5) 0 5px 6px,
		rgba(255, 255, 255, 0.2) 1px 3px 3px;
	-webkit-background-clip: text;
}

.vintage4 {
	color: gold;
	letter-spacing: 0;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px
		4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333,
		0px 8px 7px #001135
}

.vintage5 {
	font-family: cursive;
	text-shadow: 6px 2px 2px #8f8f7a;
	color: #444444
}

.text-reflect-base {
	color: palegreen;
	-webkit-box-reflect: below 10px;
}

.text {
	width: 300px;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC
		30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%,
		#66FFFF 90%, blue 100%);
	-webkit-text-fill-color: transparent; /* 将字体设置成透明色 */
	-webkit-background-clip: text; /* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 4s linear infinite;
	font-size: 35px;
}

@
keyframes masked-animation { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
 
-100%
0;
}
}
p {
	color: #666666;
}

.gn {
	color: #f3bb6c;
	font-weight: bold;
}
.zhgly{
	font-family: 30px;
}
</style>
</head>

<body class="layui-view-body">
    <div class="layui-content">
        <div class="layui-row layui-col-space20" >
            <div class="layui-col-sm6 layui-col-md3" sec:authorize="hasRole('ROLE_ADMIN')">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>旗下租户</span>
                                </div>
                                <div class="total" th:text="${admincon}">X</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                                	个
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3" sec:authorize="hasRole('ROLE_ADMIN')">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>总发票数量</span>
                                </div>
                                <div class="total" th:text="${inuu}">X</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                                份
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3" sec:authorize="hasRole('ROLE_ADMIN')">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>旗下总用户(包括租户管理员)</span>
                                </div>
                                <div class="total" th:text="${uu}">X</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                              	  人
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="layui-col-sm6 layui-col-md3" sec:authorize="hasRole('ROLE_ADMIN')">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>用户人数</span>
                                </div>
                                <div class="total" th:text=${as}>X</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                                	人
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12 layui-col-md12">
                <div class="layui-card">
                    <div class="layui-tab layui-tab-brief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">项目说明</li>
                            <li>系统管理员</li>
                            <li>租户管理员</li>
                            <li>租户下的用户</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                            		<h1>项目功能：</h1>
                            		<p class="vintage5" style="font-size:24px;	">该系统需要满足多租户的需求，项目开发完成后将部署到互联网上，可供多个单位的财务人员使用。该系统可记录所有电子发票的报销明细，并具备查重功能。已经报销的电子发票不能再次报销。</p><br><br>
                                	<h1>操作说明：</h1>
                                	<p>1.系统管理员不提供新增账号功能，所以系统管理员只有一个（系统管理员需要对自己的账号负责）</p>
                                	<p>2.租户管理员已提供新增和修改功能，所以测试过程中，可以自行新增测试，也可以使用预设账号！（预设账号修改密码接收不了验证码，所以需要对验证码进行操作需要手动输入）</p>
                                	<p>3.所有<font class="gn">功能</font>集中于<font class="gn">左导航栏</font>，和<font class="gn">右上角个人管理</font>,租户管理员和用户可以在<font class="gn">已授权</font>中查看可用事件的剩余时长,前台用jqGrid的表单所有按钮均可正常使用！</p>
                                	<p>4.项目已用security作为安全器，所有非法访问均会被阻拦</p>
                                	<br>
                                	<h1>预设测试账号：</h1>
                                	<p class="vintage3">系统管理员：账号:&nbsp;<font style="color: #ca0c16;">admin</font>&emsp;&emsp;密码：&nbsp;<font style="color: #ca0c16;">12345678</font></p>
                                	<p class="vintage3">租户管理员：账号:&nbsp;<font style="color: #ca0c16;">123</font>&emsp;&emsp;密码：&nbsp;<font style="color: #ca0c16;">123</font>(推荐自行注册)</p>
                                	<p class="vintage3">租户下的用户：账号:&nbsp;<font style="color: #ca0c16;">a123</font>&emsp;&emsp;密码：&nbsp;<font style="color: #ca0c16;">11111111</font></p>
                            </div>
                            <div class="layui-tab-item">
                            		<h1>角色说明：</h1>
                                	<p>本角色主要是控制其他人员的授权时间，和登录限定！</p>
                                	<p>不直接对用户和租户管理员进行操作！</p>
                                	<p>直接控制的是租户的时间，凡是租户登录时间更改，下面的所有用户的时间也会更改！</p><br>
                                	<h1>角色功能：</h1>
                                	<p>1.查看旗下租户数，查看所有租户管理的全部数量，查看每个租户管理的发票数量，查看总用户，和用户数量</p>
                                	<p>2.可以根据具体增加的时间和授权结束的具体时间增加用户的<font class="gn">授权</font>天数</p>
                                	<p>3.如果授权时间增加有问题，可以进行<font class="gn">修改</font></p>
                                	<p>4.可以查看所有用户的操作日志，可以<font class="gn">删除某条操作</font>的日志！</p>
                            </div>
                            <div class="layui-tab-item">
                                	<h1>角色说明：</h1>
                                	<p>1.本角色和租户为1对1的关系，一个租户只提供一个租户管理员！</p>
                                	<p>2.本角色主要是对用户（员工）和发票进行管理</p>
                                	<p>3.本角色自己进行注册，然后自己新增员工，可以修改密码，以邮箱作为登录</p><br><br>
									<h1>角色功能</h1><br>
									<p class="vintage1">1.角色注册&emsp;2.增加自己管理的用户&emsp;3.删除和清空发票&emsp;4.查看历史授权记录&emsp;5.修改密码(通过邮箱修改) <br>   6.注销登录&emsp;7.查询功能&emsp;8.查看授权结束剩余天数&emsp;9.开启/关闭用户的删除发票权限</p>
                            </div>
                            <div class="layui-tab-item">
                                	<h1>角色说明：</h1>
                                	<p>本角色为租户下的员工，帮助租户进行管理发票的功能</p><br><br>
                                	<h1>角色功能</h1><br>
                                	<p class="vintage1">1.新增发票&emsp;2.修改密码（通过原密码修改）&emsp;3.查看本租户内的管理的发票信息&emsp;4.查看授权剩余时间&emsp;5.注销登录</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/static/layui/assets/layui.all.js"></script>
    <script>
     var element = layui.element;
    </script>
</body>
</html>